<template>
  <div class="main-content">
    <article >
      <p class="article-text" v-for="(item, index) in article" :key="index">{{item.text}}</p>
    </article>
  </div>
</template>
<script>
export default {
  props: {
    article: Array
  }
}
</script>
<style lang="less" scoped>
  .main-content {
    padding: 15px;
    .article-text {
      color: #5c5c5c;
      font-size: 12px;
      line-height: 20px;
      text-indent: 15px;
    }
  }
</style>